<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <script>
      // concat 连接多个数组。
      var nameArr1 = ["张三", "李四"];
      var nameArr2 = ["王五", "赵六"];

      // 将 nameArr2 拼接到 nameArr1 后边
      // 这个方法不会改变原数组,而是将拼接之后的新数组 作为返回值 提供给我们
      // 需要使用变量 接受一下 返回值
      var arr = nameArr1.concat(nameArr2);

      console.log(nameArr1, nameArr2, arr);

      // join 将数组转换为字符串。
      // () 指定 链接符号
      // 将数组转换为字符串，返回转换后的字符串。（不会改变原来的数组）
      // 转换的字符串 作为返回值 提供给我们
      var nums = [1, 2, 3];
      var numStr = nums.join("-");
      console.log(nums, numStr); //'1,2,3' // '1-2-3'

      // splice()：从数组中删除指定的一个或多个元素，（会改变原来的数组，会将指定元素从原数组中删除）。
      // 返回结果为删除元素组成的数组
      var letters = ["a", "b", "c", "d", "e", "f"];
      // 第一个数: 开始索引
      // 第二个数: 删除个数
      var res = letters.splice(2, 2);
      console.log(letters); // ['a', 'b', 'e', 'f']
      console.log(res); //  ['c', 'd']

      // splice 还有另外的一个功能 (替换)
      letters.splice(1, 1, "不凡学院", "abc", "张三");
      // 删除的同时,从开始缩印的位置 插入 后续 的元素
      console.log(letters);

      // 字符串方法  split
      // 通过指定分隔符,将字符串分割为字符串数组,
      // 返回分割后的数组。（不会改变原来的字符串）
      var email = "abc@163.com;cc@126.com;frg@qq.com";
      var emailArr = email.split(";");
      console.log(emailArr); // ['abc@163.com', 'cc@126.com', 'frg@qq.com']
      var code = "1234";
      console.log(code.split("")); //  ['1', '2', '3', '4']
    </script>
  </body>
</html>
